.help_nav{height: 40px;background: #f7f7f7;}
.help_nav a{display: block;float: left;width: 33.3333%;text-align: center;color: #22222d;font-size: 15px;line-height: 40px;}
.help_nav a.current{color: #35905f;}

.help_title{width: 90%;height: 60px;margin: 15px auto 30px;text-indent: 10px;color: #35905f;background: url('../img/background_texture@2x.png') no-repeat center;background-size: cover;font-size: 33px;line-height: 60px;}
.help_title span{margin-left: 5px;font-size: 8px;}
.help_title.q{margin-bottom: 20px;}

.helper{width: 90%;margin: 0 auto;margin-bottom: 60px;}
.helper img{display: block;width: 100%;margin-bottom: 40px;}
.helper div{position: relative;height: 100%;}

.question{margin-bottom: 25px;}
.question li{float: left;width: 100%;margin-bottom: 15px;list-style-position: inside;list-style-type: disc;color: #afe6c8;font-size: 12px;}
.question a{color: #818181;}
.question a:hover{text-decoration: underline;color: #35905f;}

.guide a{float: left;width: 31%;height: 50px;margin-right: 2%;background: no-repeat center;background: #f8f8f8;background-size: 100% 100%;}

.q_nav{margin-bottom: 15px;margin-left: 6%;color: #818181;font-size: 10px;}
.q_nav a{color: #35905f;}
.q_nav a::after{margin: 0 10px;content: '›';font-size: 12px;}

.q_list{margin-bottom: 10px;}
.q_list a{position: relative;display: block;box-sizing: border-box;width: 90%;margin: 0 auto 10px;padding: 5px 10px 12px;border: 1px solid #dfdfdf;}
.q_list	a h1{margin-bottom: 5px;color: #22222d;font-size: 12px;}
.q_list	a p{overflow: hidden;width: 90%;white-space: nowrap;text-overflow: ellipsis;color: #818181;font-size: 10px;}
.q_list	a span{color: #35905f;font-size: 25px;line-height: 25px;}
.q_list a span::after{margin: 0 5px;content: ':';font-size: 12px;font-weight: bold;}
.q_list a::after{position: absolute;top: 20px;right: 10px;content: '›';color: #d0d0d0;font-size: 22px;font-weight: 200;}

.article{width: 90%;margin: 0 auto;font-size: 12px;}
.article h1{margin: 15px auto 20px;text-align: center;color: #333;font-size: 20px;}
.article p{margin-bottom: 12px;text-indent: 24px;color: #818181;line-height: 20px;}
.article img{width: 100%;margin-bottom: 23px;}

.article.about_us{width: 90%;margin: 0 auto;text-align: center;font-size: 10px;}
.article.about_us h1{margin: 80px auto;color: #519d73;font-size: 15px;}
.article.about_us p{margin-bottom: 30px;text-indent: 0;}
.article.about_us p i{display: inline-block;width: 13px;height: 16px;margin-right: 10px;background: url('../img/icon_locate.png') no-repeat center;background-size: 13px 16px;}

.whyViptail{margin-bottom: 100px;padding: 25px 20px;background: #f6f6f6;}
.whyViptail h1{margin-bottom: 10px;color: #000;font-weight: bold;}
.whyViptail p{color: #666;font-size: 14px;line-height: 25px;}

.aside{position: absolute;z-index: 2;right: 5%;display:none;width:100px;text-align:right;}
.cur{position: relative;padding-right: 20px;color: #000;font-size: 12px;font-weight: bold;}
.cur::after{position: absolute;top: 4px;right: 0;width: 0;height: 0;content: '';border: 8px solid transparent;border-top: 8px solid #000;}
.cur::before{position: absolute;z-index: 3;top: 3px;right:0;width: 0;height: 0;content: '';border: 8px solid transparent;border-top: 8px solid #fff;}
.pop-up{position: relative;display:none;margin-top:10px;text-align:center;text-align: center;border: solid 1px #eee;border-radius: 5px;background: #fff;}
.pop-up::after{position: absolute;top: -16px;right: 25px;width: 0;height: 0;content: '';border: 8px solid transparent;border-bottom: 8px solid #eee;}
.pop-up::before{position: absolute;z-index: 2;top: -15px;right:25px;width: 0;height: 0;content: '';border: 8px solid transparent;border-bottom: 8px solid #fff;}
.pop-up li{display: block;margin: 15px auto;padding:0 25px;}
.pop-up a:hover{color: #35905f;font-weight: bold;}
.pop-up.show{display:block;}

.hospital li{width:90%;margin:25px auto;}
.hospital .pic{position:relative;float:left;width: 47%;}
.hospital .pic .env{width:100%;}
.hospital .pic div{position:absolute;top:5px;left:0;width:20px;height: 20px;padding:4px 3px 4px 6px;border-radius:0 50% 50% 0;background:#35905f;}
.hospital .pic div img{width:20px;height:20px;border-radius:100%;}
.hospital .about{float:left;width: 50%;margin-left:3%;}
.hospital .about h1{margin-bottom:6px;color: #333;color: #333;font-size: 12px;}
.hospital .about p{color:#22222d;font-size: 9px;}

.hospital .doc{width: 19.5%;color: #88888d;background: #f6f6f6;}
.hospital .doc h2{display: block;text-indent: 16px;border-bottom: 1px solid #dfdfdf;line-height: 40px;}
.hospital .doc h2 a{float: right;margin-right: 15px;color: #88888d;}
.hospital .doc h2 a:hover{color: #35905f;font-weight: bold;}
.hospital .doc li{height: 50px;margin-bottom: 0;padding: 10px 15px;font-size: 13px;}
.hospital .doc img{float: left;width: 50px;height: 50px;margin-right: 10px;border-radius: 100%;}
.hospital .doc h3{text-indent: 13px;line-height: 22px;}
.hospital .doc span{padding: 0 8px;color: #fff;border-radius: 99px;background: #35905f;}

.h_name{position:relative;margin-bottom: 15px;margin-left:5%;color: #333;font-size: 12px;line-height: 35px;}
.h_name .logo{float: left;width: 35px;height: 35px;margin-right:10px;}
.h_name .discount{position:absolute;z-index:3;top:-25px;right:5%;width: 55px;height: 55px;}

.h_detail{width: 90%;margin:0 auto 20px;color: #55555d;font-size: 14px;}
.h_map{width: 90%;height:165px;margin:25px auto;border: 1px solid #f6f6f6;}

.h_detail p{margin-bottom:15px;font-size:10px;line-height: 20px;}
.img_view{width: 100%;margin: 10px auto;}

.h_pic .swiper-slide img{width: 100%;}

.tap{width: 90%;height: 25px;margin:15px auto;text-align:center;border-bottom:1px solid #f2f2f2;background: #f6f6f6;font-size: 10px;}
.tap a{display:block;float:left;width:33%;text-align:center;line-height:25px;}
.tap a.on{border-top:2px solid #35905f;border-right:1px solid #f2f2f2;border-left:1px solid #f2f2f2;border-radius:5px 5px 0 0;background: #fff;}

.about_hospital {width:90%;margin:0 auto;}
.about_hospital div{display:none;}
.about_hospital div img{width:100%;margin-bottom:10px;}
.about_hospital p{margin-bottom:10px;color:#88888d;font-size: 10px;}

.about_hospital .page1 li{position:relative;box-sizing:border-box;margin-bottom:13px;padding-left:45px;border-bottom:1px solid #f6f6f6;}
.about_hospital .page1 li img{position:absolute;top:5px;left:0;width: 35px;height: 35px;}
.about_hospital .page1 li h1{margin-bottom:10px;color:#55555d;font-size: 15px;}
.about_hospital .page1 li h1 span{margin-left:15px;padding:0 5px;color:#fff;border-radius:99px;background:#35905f;font-size: 10px;}


/* page */
.page{margin:10px auto 25px;text-align:center;}
.pagination{display: inline-block;width: auto;height: 30px;border: 1px solid #e1e1e1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.pagination > ul > li{display: inline-block; height: 33px;font-size: 87.5%;line-height: 30px;}
.pagination > ul > li > a{display: inline-block;height: 30px;padding: 0 10px;cursor: pointer; color: #ffd775;border-right: 1px solid #e1e1e1;line-height: 30px;}
.pagination > ul > li:last-child > a{border-right: none;}
.pagination > ul > li.disabled > a{color: #a5a5a5;}
.pagination > ul > li.active > a{height: 30px;margin-top: -1px;margin-left: -6px;padding: 0 12px;color: #fff;border: 1px solid #fbc02d; background-color: #ffd775;}
.controls > a > input{width: 2em;margin: auto -3px;text-align: center;pointer-events: not; color: #a5a5a5;font-size: 100%;}
